html body {
    margin : 0;
    padding: 0;
}
 
.header {
    background   : #FFFFFF;
    border-bottom: 1px solid #F3F5F6;
}
 
.header .title {
    width    : 1152px;
    height   : 63px;
    margin   : 0 auto;
    font-size: 14px;
}
 
 
.header .title .left {
    list-style: none;
    display   : flex;
    padding   : 0;
    margin    : 0;
}
 
.header .title .left li {
    display    : block;
    font-size  : 16px;
    height     : 63px;
    line-height: 63px;
    color      : #545C63;
    position   : relative;
    padding    : 0 12px;
    cursor     : pointer
}

#header .title .right {
    float: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 63px;
}

.cover {
    background-color: #172a34;
    height: 200px
}
 
.cover-intro {
    font-size     : 14px;
    height        : 200px;
    width         : 1152px;
    margin        : auto;
    display       : flex;
    flex-direction: column;
    top           : 64px;
}
 
.cover-intro-title {
    line-height: 48px;
    font-size  : 32px;
    font-family: 微软雅黑;
    color      : #fff;
}

.cover .path a {
    color: rgba(255,255,255,.5);
}
 
.cover .path {
    position: relative;
    z-index: 1;
    padding-top: 16px;
    padding-bottom: 24px;
    line-height: 24px;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    opacity: 1;
}

:link, :visited, ins {
    text-decoration: none;
}

.cover .statics {
    color: #fff;
    font-size: 0;
    position: relative;
    z-index: 3;
    margin-right: 320px;
}

.cover .statics .teacher-info {
    position: relative;
    padding-right: 60px;
    line-height: 12px;
    font-size: 12px;
}

.cover .statics .teacher-info img {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.cover .statics .teacher-info .tit a{
    display: block;
    margin-top: 3px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
}
